<script>
export default {
  onLaunch: function() {
  },
  onShow: function() {
    console.log('App Show')
  },
  onHide: function() {
    console.log('App Hide')
  }
}
</script>

<style lang="scss">
.button {
  display: inline-block;
  line-height: 22px;
  padding: 8px 25px;
  border-radius: 5px;
  text-align: center;
  background-color: rgba(255, 112, 67, .12549019607843137);
  border: 1px solid #ff7043;
  color: #ff7043;
}
.button-primary {
  background-color: #ff7043;
  color: #ffffff;
}
.add-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80upx;
  font-size: 32upx;
  color: #fff;
  background-color: #f15929;
}

* {
  box-sizing: border-box;
}
uni-page-body {
  height: 100%;
  background-color: #F6F6F6;
}
page {
  height: 100%;
}
$u-type-primary: #f15929;
/* 注意要写在第一行，同时给style标签加入lang="scss"属性 */
@import "uview-ui/index.scss";

.font-36 {
  font-size: 72rpx;
}
.font-14 {
  font-size: 28rpx;
}
.font-16 {
  font-size: 32rpx;
}
.font-12 {
  font-size: 24rpx;
}
.font-10 {
  font-size: 20rpx;
}
.font-18 {
  font-size: 36rpx;
}
.font-24 {
  font-size: 48rpx;
}
.font-32 {
  font-size: 64rpx;
}
.w-24 {
  width: 48rpx;
}
.font-28 {
  font-size: 56rpx;
}
.h-20 {
  height: 40rpx;
}
.w-12 {
  width: 24rpx;
}
.w-14 {
  width: 28rpx;
}
.w-16 {
  width: 32rpx;
}
.h-16 {
  height: 32rpx;
}
.h-12 {
  height: 24rpx;
}
.large {
  .font-10 {
    font-size: 24rpx;
  }
  .font-12 {
    font-size: 28rpx;
  }
  .font-14 {
    font-size: 36rpx;
  }
  .font-16 {
    font-size: 40rpx;
  }
  .font-18 {
    font-size: 44rpx;
  }
  .font-24 {
    font-size: 56rpx;
  }
  .font-28 {
    font-size: 64rpx;
  }
  .font-32 {
    font-size: 72rpx;
  }
  .font-36 {
    font-size: 90rpx;
  }
  .w-24 {
    width: 60rpx;
  }
  .h-20 {
    height: 50rpx;
  }
  .w-12 {
    width: 30rpx;
  }
  .w-14 {
    width: 35rpx;
  }
  .h-16 {
    height: 40rpx;
  }
  .h-12 {
    height: 30rpx;
  }
  .w-16 {
    width: 40rpx;
  }
}
</style>
